const path=require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports={
    //配置打包的入口文件
    entry:'./src/index.js',
    devtool:'source-map',//查看源码
    output:{
        path:path.join(__dirname,'dist'),
        filename:'main.js'
    },
    plugins:[
        new HtmlWebpackPlugin({
            template:'./src/index.html'
        })
    ],
    devServer:{
        port:8080,
        open:true
    },
    module:{
        rules:[
            {
                test:/\.js$/,
                exclude:/node_modules/,
                use:{
                    loader:'babel-loader',
                    options:{
                        presets:[
                            '@babel/preset-react'
                        ]
                    }
                }
            }
        ]
    }
}